<!DOCTYPE html>
<html>
    <head>
        <!-- 当前文档的字符集编码为utf-8 -->
        <meta charset="utf-8">
        <meta name = "author" content="wyrQF">
        <meta name="keywords" content="CGI开发 H5模版 千锋教育 西安物联网">
        <title>HTML5模版-认知form表单的不同字段域</title>
    </head>
    <body>
        <form action="">
            <input type="text" name="n1" placeholder="文本输入框">
            <br>
            <input type="password" name="n2" placeholder="密码输入框">
            <br>
            <!-- 如果属性名和属性值相同时，只写一个属性名 -->
            <input type="checkbox" name="n3" checked="checked" value="C">C
            <input type="checkbox" name="n3" checked value="C++">C++
            <input type="checkbox" name="n3" value="JAVA">JAVA
            <input type="checkbox" name="n3" value="Shell">Shell
            <input type="checkbox" name="n3" value="PyThon">PyThon
            <br>
            <input type="radio" name="n4" checked="checked" value="西安">西安
            <input type="radio" name="n4" value="深圳">深圳
            <input type="radio" name="n4" value="杭州">杭州
            <br>
            <select name="job" id="job">
                <option value="C/C++应用开发">C/C++应用开发</option>
                <option value="物联网应用开发" selected>物联网应用开发</option>
                <option value="C游戏开发">C游戏开发</option>
                <option value="嵌入式开发">嵌入式开发</option>
            </select>
            <hr>
            <input type="date" name="n5">
            <input type="time" name="n6">
            <hr>
            <br>
            <div id="colorret">测试字体颜色</div>
            <input type="color" name="n7">
            <button type="submit">提交</button>
        </form>
    </body>
</html>
